<template>
	<div class="lazyload_cont" id="lazyload">
		<ul>
		  <li v-for="item in imgData">
		    <img  v-lazy="item">
		  </li>
		</ul>
	</div>


</template>

<script>
	import { Lazyload } from 'mint-ui';
	export default{
		components:{Lazyload},
		data(){
			return{
				imgData:['','','','','','','','',''],
			}
		},
		methods:{

		},
		mounted(){

		}
	}

</script>


<style lang="scss" scoped> 
image[lazy=loading] {
  width: 40px;
  height: 300px;
  margin: auto;
}
.lazyload_cont{
	padding:5px;
	li{
		margin-top:5px;
		height:100%;
		img{width:100%}
	}
	
}

</style>